﻿@charset "utf-8";
@import url("common.css");
@import url("common-ads.css");
/* 幻灯片
------------------------------------------------------------------------------------------------------*/
#products { float: right; width: 700px; height:310px; }
.img_show{ width:700px; height:310px; position:relative; }
.img{ width:700px; height:310px; overflow:hidden;}
.img ul li{ float:left; width:700px; height:310px;}
.img ul{ width:3500px; height:310px; }
.sz{ position:absolute; width:700px; height:33px; left:0; top:277px; filter: Alpha(opacity=50);opacity:0.5; background:#000; z-index:9998; }
.szt { position:absolute; width:700px; height:33px; left:0; top:277px; z-index:9999;}
.szt ul.bar { float:right;}
.szt ul.title { width:500px; float:left; }
.szt ul.bar li{float:left;width:21px; height:21px; background:#6b8599;color:#000; margin:5px; text-align:center; line-height:20px; cursor:pointer;}
.szt ul.bar li.on{ background:#f80; color:#fff;}
.szt ul.title li { float:left; color:#c6d0d9; margin-left:10px; line-height:33px; display:none;}
.szt ul.title li.on { display:block;} 
.szt ul.title li a,.szt ul.title li a:hover{color:#c6d0d9;}

/* #searcher
------------------------------------------------------------------------------------------------------*/
#searcher,#utility { float: left; width: 270px; }
#searcher .p,#utility .p { height:auto; min-height:140px; _height:140px; }
#searcher .p .t{ width:270px; height:8px; background:url(../images/hotel_t.gif); font-size:0; clear:both;}
#searcher .p .c{ width:270px; background:url(../images/hotel_bg.gif) repeat-y; clear:both; }
#searcher .p .c .search { float:left; width:270px; clear:both; } #utility .p .c .ut_c { float:left; width:270px; clear:both;}
#searcher .p .c .angle_l{ width:8px; height:1px; font-size:0; background:url(../images/hotel_angle.gif) right top; float:left;}
#searcher .p .c .angle_r{ width:8px; height:1px; font-size:0; background:url(../images/hotel_angle.gif) left top; float:right;}
#searcher .p .c .search ul { margin-left: 10px; height:32px; line-height:32px; }
#searcher .p .c .search ul li{float:left; font-size:14px; font-weight:bold; height:32px; background:url(../images/hotel_active_bg_23.gif) left top repeat-x;}
#searcher .p .c .search ul li h3{ font-weight:bold;}
#searcher .p .c .search ul li.hotelSearch {width:93px;background-color:#fff;color:#000;cursor:pointer; background:url(../images/hotel_ico_25.gif) 1px 6px no-repeat;}
#searcher .p .c .search ul li.flightSearch { width:160px; height:31px; color:#e26000; border-left:1px solid #fadd8c; border-bottom:1px solid #fadd8c; cursor:pointer;}
#searcher .p .c .search ul li.flightSearch h3{display:block;width:160px; height:31px; }

#searcher .p .c .search ul li.hotelSearch2 {width:93px; height:31px; border-right:1px solid #fadd8c; border-bottom:1px solid #fadd8c;color:#e26000;cursor:pointer; }
#searcher .p .c .search ul li.flightSearch2 { width:160px; height:31px; background-color:#fff; color:#000; cursor:pointer;}
#searcher .p .c .search ul li.hotelSearch2 h3{display:block;width:93px; height:31px; background:url(../images/hotel_ico_25.gif) 1px 6px no-repeat; }
#searcher .p .c .search ul li a { display:block; padding:0 10px; margin: 0; color: #CC7833; background-color:#F5F8F9; text-decoration:none; cursor:pointer;}
#searcher .p .c .search ul li a:hover { color:#FFF; background-color:#80B2CC }
#searcher .p .c .search .formPanel { padding:10px; text-align: left; clear:both; }
#searcher .p .c .search .formPanel dd{ height:30px; line-height:30px; padding-left:8px; clear:both; }
#searcher .p .c .search .formPanel dd label{ display:block; width:65px; height:30px; font-size:13px; text-align:right; float:left;}
#searcher .p .f{ width:270px; height:8px; background:url(../images/hotel_foot.gif); font-size:0;}
.infoInput{ width:160px; height:19px; line-height:20px; padding-left:3px; border:1px solid #bababa;}
#cityname{ width:163px; height:19px; background:url(../images/search_city_ico.gif) 145px 4px no-repeat;}
#tm1{ width:163px; height:19px; background:url(../images/search_tm1_ico.gif) 93px 4px no-repeat;}
#tm2{ width:163px; height:19px; background:url(../images/search_tm2_ico.gif) 93px 4px no-repeat;}
.hotelnametips,.hotelnearbytips { width:163px; height:21px; line-height:21px;display:none; color:#ccc; position:absolute; z-index:888;}
.citynametips,.tm1tips,.tm2tips{ width:16px; height:13px; display:none; z-index:888; cursor:pointer; position:absolute;}
.select { width:165px;} .buttonface { width:92px; height:31px; margin-left:65px;border:0; cursor:pointer; background:url(../images/search_submit.gif);}
.ut_c dl{ height:140px;}

#utility .p .t{ width:270px; height:35px;}
#utility .p .t .l{ width:3px; height:35px; background:url(../images/city_t_l.gif); float:left; font-size:0;}
#utility .p .t .c{ float:left;width:264px;background:url(../images/city_t_c.gif) repeat-x;line-height:35px;height: 35px;text-align:left;font-size:14px;}
#utility .p .t .r{ width:3px; height:35px; background:url(../images/city_t_r.gif); float:right; font-size:0;}
#utility .p .ut_c{ width:268px; padding-top:5px; border-left:1px solid #edd7ae;border-right:1px solid #edd7ae;border-bottom:1px solid #edd7ae;padding-bottom:7px; clear:both;}
#utility .p .t .c dt{ width: 20px; height:35px; float:left; }
#utility .p .t .c dd{ display: inline; height:29px; margin-top:8px; float:left; font-size: 13px;}
#utility .p .t .c dd a,#utility .p .t .c dd a:hover{ display:block; width:60px; height:29px; font-size:13px; line-height:25px; text-align:center; color:#666359; text-decoration:none; cursor:pointer;}
#utility .p .t .c dd a.active,#utility .p .t .c dd a.active:hover{ width:65px; background-color:#fff; height:25px; line-height:25px; border-left:2px solid #e26000;border-top:2px solid #e26000;border-right:2px solid #e26000; color:#e26000; font-weight:bold;cursor:pointer;}
.ut_c dl{ margin-left:8px;}
.ut_c dd{ width:82px; height:24px; padding-left:4px; line-height:24px; text-align:left; float:left;}
/* #friendLink
------------------------------------------------------------------------------------------------------*/
#friendLink { border: 1px solid #BBB; padding:10px; line-height:1.5; text-align:left; }
#friendLink a { color:#888; }
#friendLink a:hover { color:#CC4233; }
/* #citiesShowing
------------------------------------------------------------------------------------------------------*/
#citiesShowing { float: right; width: 700px; }
#citiesShowing .p { height:auto; min-height:460px; _height:460px; _float:right;}
#citiesShowing .p .t{ width:700px; height:35px;}
#citiesShowing .p .t .l{ width:3px; height:35px; background:url(../images/city_t_l.gif); float:left; font-size:0;}
#citiesShowing .p .t .r{ width:3px; height:35px; background:url(../images/city_t_r.gif); float:right; font-size:0;}
#citiesShowing dl.h {float:left;width:694px;background:url(../images/city_t_c.gif) repeat-x;line-height:35px;height: 35px;text-align:left;font-size:14px;}
#citiesShowing dl.h dt { width: 120px; height:35px; padding-left:10px; float:left; font-size:14px; font-weight:bold; color:#e26000;}
#citiesShowing dl.h dd { display: inline; height:29px; margin-top:8px; float:left; font-size: 13px; }
#citiesShowing dl.h dd a,#citiesShowing dl.h dd a:hover{ display:block; padding:0 8px; _width:30px; height:29px; font-size:13px; line-height:25px; text-align:center; color:#666359; text-decoration:none; cursor:pointer;}
#citiesShowing dl.h dd a.active,#citiesShowing dl.h dd a.active:hover{ background-color:#fff; _width:30px; height:25px; line-height:25px; border-left:2px solid #e26000;border-top:2px solid #e26000;border-right:2px solid #e26000; color:#e26000; font-weight:bold;cursor:pointer;}
#citiesShowing ul { padding:10px; line-height:normal; }
#citiesShowing .citiesItems {background: url("../images/city_list_ico.gif") no-repeat scroll 8px 190px transparent;clear: both;padding: 5px 0;}
#citiesShowing .citiesItems .himg { clear:both; height:140px; padding:5px; margin:0; list-style: none; background5-color:#FFF; }
#citiesShowing .citiesItems .himg li { float:left; line-height:normal; }
#citiesShowing .citiesItems .himg li img { border:1px solid #888; padding:1px; width:124px; height:94px; margin:4px auto 6px auto; }
#citiesShowing .citiesItems .himg li span { display:block; color:#e26000; }
#citiesShowing .citiesItems .himg li a { display:block; width:150px; height:140px; text-align:center; margin:0 8px 10px 8px; text-decoration:none; }
#citiesShowing .citiesItems .himg li a:hover span { text-decoration:underline; }
#citiesShowing .citiesItems dl.t { clear:both; line-height: 24px; height: 24px; background: #f2f2f2; margin-bottom:5px; text-align: left; font-size: 13px; }
#citiesShowing .citiesItems dl.t dt { color: #000; width: 120px; padding: 0 0 0 15px; display: inline; }
#citiesShowing .citiesItems dl.t dd { float:right; margin: 0px; font-size: 13px; }
#citiesShowing .citiesItems dl.b { clear:both; line-height: 24px; height: 24px; margin-left:25px; text-align: left; font-size: 13px; }
#citiesShowing .citiesItems dl.m {  padding-left:15px; background-color:#fff; text-align: left; font-size: 13px; clear:both; line-height: 24px; height: 24px;border-top:1px solid #e8e8e8;} #citiesShowing .citiesItems dl.m dd span.more{ color:#bbb; display:block; line-height: 24px; height: 24px; float:right;}
#citiesShowing .citiesItems dl.m dd span.time { display:block; color:#888; float:left;}
#citiesShowing .citiesItems dl.b:hover { background-color:#F5F8F9 }
#citiesShowing .citiesItems dl.b dt { color: #000; width: 100px; padding-left:10px; display: inline; }
#citiesShowing .citiesItems dl.b dd { float:right; font-size: 13px; }
#citiesShowing .citiesItems dd.c6 { width:71px; height:20px; background:url(../images/city_btn_yd.gif); }
#citiesShowing .citiesItems dd.c6 a,#citiesShowing .citiesItems dd.c6 a:hover{ display:block; height:20px;}
#citiesShowing .citiesItems dl.t dd.c6{ background:none;}
#citiesShowing .citiesItems dd.c5 { text-align:center; width:65px;color:#0069ca; }
#citiesShowing .citiesItems dd.c4 { text-align:center; width:65px; color:#0069ca;}
#citiesShowing .citiesItems dd.c3 { text-align:center; width:120px;color:#0069ca;}
#citiesShowing .citiesItems dd.c2 { text-align:center; width:80px; color:#e26000; font-weight:bold; }
/* 资讯 会展信息
------------------------------------------------------------------------------------------------------*/
#exhibition2 { float:right; width:700px; margin-top:13px;}
#exhibition2 #exhinfo { float:left; width:340px; }
#exhinfo .t{ width:340px; height:35px; float:left; }
#exhinfo dl { width:330px; border-left:1px solid #edd7ae;border-right:1px solid #edd7ae;border-bottom:1px solid #edd7ae; padding-left:8px; padding-top:8px; padding-bottom:9px; clear:both;}
#exhinfo dl dd{ width:328px; height:24px; float:left; line-height:24px; color:#0069ca; text-align:left; padding-left:5px; clear:both; }
#exhinfo dl dd span.d{ color:#888;}
#exhinfo dd a{ color:#0069ca;} #exhinfo dd a:hover{ color:#CC4233;}
#exhinfo .t .l{ width:3px; height:35px; background:url(../images/city_t_l.gif); float:left; font-size:0;}
#exhinfo .t .c{ width:334px; background:url(../images/city_t_c.gif) repeat-x;line-height:35px;height: 35px;text-align:left; float:left; font-size:14px;}
#exhinfo .t .c h2{ width:120px; height:35px; display:block; padding-left:10px; }
#exhinfo .t .c h2 a,#exhinfo .t .c h2 a:hover{ width:97px; height:35px; line-height:35px; color:#e26000; font-size:14px;}
#exhinfo .t .r{ width:3px; height:35px; background:url(../images/city_t_r.gif); float:right; font-size:0;}
.leftMod { float: left; width: 270px; _margin-left:2.3px;} #brandShowing,#hotelnews,#hotelcomment { float: left; width: 270px; }
.rightMod { float:right; width:700px; }
#hotelcomment .p{ border-left: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; height:100%; clear:both; }
#hotelnews .p { border-left:1px solid #edd7ae;border-right:1px solid #edd7ae;border-bottom:1px solid #edd7ae; padding-top:6px; padding-bottom:8px; height:100%; clear:both;}
#hotelcomment h2,#hotelnews h2 { width:260px; height:28px; background:url(../images/model_t_bg.gif);line-height: 28px; height: 28px; margin: 0px; padding: 0px 0px 0px 10px; text-align: left; color:#e26000; font-size: 13px; }
#hotelnews .p ul li { float:left; clear:both; width:95%; height:24px; line-height:24px; padding-left:10px; text-align:left;}
#hotelnews .p ul li span{ color:#e26000;}

#hotelcomment .p dl{ background:url(../images/line.gif) left bottom repeat-x; width:258px; float:left; margin-top:10px; padding-left:10px; clear:both; padding-bottom:5px; }
#hotelcomment .p dl.no{ background-image:none;}
#hotelcomment .p dt{ width:260px; height:24px; line-height:22px; text-align:left; color:#0069ca; font-size:13px; font-weight:bold; float:left;}
#hotelcomment .p dt a,#hotelcomment .p dt a:hover{ color:#0069ca;}
#hotelcomment .p dd{ width:260px; height:auto; max-height:44px; line-height:20px; text-align:left; float:left; clear:both}
#hotelcomment .p dd a{ color:#666359;} #hotelcomment .p dd a:hover{ color:#CC4233;}
#hotelcomment .p dd span.u{ color:#e26000;}
/*cityname auto complete*/
#autoCompleteCityName,#autoCompleteNearby { position:absolute; display:none; width:165px; z-index:1000; height:auto; min-height:50px; max-height:380px; -webkit-max-height:380px; _height:50px; height: expression( this.scrollHeight > 380 ? "380px" : "auto" ); overflow-y:auto; overflow-x:hidden; border: 1px solid #B8BCA9; background-color:#FFF; padding-bottom:5px;}
#autoCompleteCityName dt,#autoCompleteNearby dt{ color:#adadad; height:20px; padding-left:5px; text-align:left; line-height:20px;}
#autoCompleteCityName dl dd,#autoCompleteNearby dl dd { height:22px; line-height:22px; margin-left:6px; text-align:left;}
#autoCompleteCityName dl dd a,#autoCompleteCityName dl dd a:visited,#autoCompleteNearby dl dd a,#autoCompleteNearby dl dd a:visited { display:block; cursor: pointer; border:1px solid #fff; text-decoration:none;width:145px; padding-left:5px; height:20px; overflow:hidden; line-height:20px;}
#autoCompleteCityName dl dd a:hover,#autoCompleteNearby dl dd a:hover {cursor: pointer; border:1px solid #EFCF7D; text-decoration:none; padding-left:5px; overflow:hidden; height:20px; line-height:20px; display:block;}
#autoCompleteCityName dl dd a.active,#autoCompleteNearby dl dd a.active {cursor: pointer; color:#FF5B0B; text-decoration:none; border:1px solid #EFCF7D; padding-left:5px; overflow:hidden; height:20px; line-height:20px; display:block;}
/* .cityresults
------------------------------------------------------------------------------------------------------*/
.cityresults { background-color:#fff; border: 1px solid #AAAAAA; position:absolute; display:none; z-index:10001; font-size: 12px;text-align: center;}
.cityresults .ac_title {background-color: #E8F0F6;border-bottom: 1px dotted #DDDDDD; height:35px; line-height:35px; text-indent:10px; text-align: left;}
.ac_title h3 { font-weight:normal; font-size:12px; margin-top:0; float:left;}
.cityresults a.ac_close,.cityresults a.ac_close:hover {background: url("/images/d/d_close.gif") no-repeat; display:block; margin-top:11px; margin-right:11px; float:right; font-size:0; height: 11px;width: 11px;}
.cityresults ul.abctab { height:27px; margin-top:10px; padding-left:10px; clear:both;}
.cityresults ul.abctab li{ padding-right:5px; padding-left:5px; height:26px; border-bottom:1px solid #d7d7d7; line-height:28px; color:#0020a1; cursor:pointer; float:left;} 
.cityresults ul.abctab li.action{ border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7;cursor:pointer;border-right:1px solid #d7d7d7; color:#000; font-weight:bold; background-color:#fff;}
.cityresults ul.abclist { width:95%; margin-top:5px; clear:both;}
.cityresults ul.abclist li { height:30px; line-height:30px; color:#000; width:23%;overflow:hidden; float:left; cursor:pointer;}
ul.abclist li.ac_over,ul.abctab li.ac_over{ color:#316ac5; font-weight:bold;}